<div class="wrapper">
  <h2>我是父组件</h2>
  <div>这个div定义在父组件中</div>
  <app-child>
    <div class="header">这个是头部。这个div是父组件投影到子组件的，title是{{title}}</div>
    <div class="footer">这个是底部。这个div是父组件投影到子组件的</div>
  </app-child>
  <div>{{message}}</div>
</div>

<!--innerHTML只能投影该组件里面的HTML片段-->
<div [innerHTML]="ngContent"></div>

<a [routerLink]="['/']">child1</a>
<a [routerLink]="['/child2']">child2</a>
<router-outlet></router-outlet>
